<!DOCTYPE html>

<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="${_response_encoding}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/bootstrap-2.0.3/css/bootstrap.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/bootstrap-2.0.3/css/bootstrap-responsive.css'}">
        #{get 'moreStyles' /}
        <script src="@{'/public/stylesheets/bootstrap-2.0.3/js/jquery.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/stylesheets/bootstrap-2.0.3/js/bootstrap-transition.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/stylesheets/bootstrap-2.0.3/js/bootstrap-alert.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/stylesheets/bootstrap-2.0.3/js/bootstrap-dropdown.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/stylesheets/bootstrap-2.0.3/js/bootstrap-scrollspy.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/stylesheets/bootstrap-2.0.3/js/bootstrap-tab.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/stylesheets/bootstrap-2.0.3/js/bootstrap-popover.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/stylesheets/bootstrap-2.0.3/js/bootstrap-button.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/stylesheets/bootstrap-2.0.3/js/bootstrap-collapse.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/stylesheets/bootstrap-2.0.3/js/bootstrap-typeahead.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        
        
        #{get 'moreScripts' /}
        
    </head>
    <body>
    
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="@{securesocial.SecureSocial.login()}">&{'securesocial.applicationName'}</a>
          <div class="nav pull-right">
          <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Language<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="@{securesocial.SecureSocial.changeLang('en')}">English</a></li>
                <li><a href="@{securesocial.SecureSocial.changeLang('ro')}">Romanian</a></li>
              </ul>
            </li>
          <!-- 
            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
              <i class="icon-user"></i> Username
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <li><a href="#">Profile</a></li>
              <li class="divider"></li>
              <li><a href="#">Sign Out</a></li>
            </ul>
          -->
          </div>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="dropdown">
	              <a data-toggle="dropdown" class="dropdown-toggle" href="#">&{'securesocial.login'}<b class="caret"></b></a>
	              <ul class="dropdown-menu">
	                <li><a href="@{securesocial.SecureSocial.login()}">&{'securesocial.login'}</a></li>
	                <li><a href="@{securesocial.UsernamePasswordController.signUp()}">&{'securesocial.register'}</a></li>
	              </ul>
	              </li>
              <li><a href="#about">&{'securesocial.about'}</a></li>
              <li><a href="#contact">&{'securesocial.contact'}</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
    <!-- 
        <div class="topbar">
            <div class="fill">
                <div class="container">
                    <h3><a href="@{securesocial.SecureSocial.login()}">SecureSocial Module</a></h3>
                    
                </div>
            </div>
        </div>
        -->
        <div class="container" style="padding-top:50px;">
            <div class="row">
                <div class="span10 columns offset2">
                    #{doLayout /}
                </div>
            </div>
        </div>

    </body>
</html>
